<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Lucar-支付页面</title>
</head>

<link rel="stylesheet" type="text/css" href="lucar-css/head-css.css" />
<link rel="stylesheet" type="text/css" href="lucar-css/payorders-css.css">

<body>
	<div id="head">
    	<div id="h-logo">
        	<img src="lucar-image/logo.png" class="hl">
        </div>
        <div id="h-right">
        	<span id="hr-useCar" class="hr-span" onmouseover="headimg(1);" onMouseOut="headimg(2);">
            	<img id="uCOut" src="lucar-image/useCar-Out.png" class="hr-image" style="display:block">
            	<img id="uCOn" src="lucar-image/useCar-On.png" class="hr-image" style="display:none">
            </span>
            <span id="hr-aboutUs" class="hr-span" onmouseover="headimg(3);" onMouseOut="headimg(4);">
            	<img id="aUOut" src="lucar-image/aboutUs-Out.png" class="hr-image" style="display:block">
            	<img id="aUOn" src="lucar-image/aboutUs-On.png" class="hr-image" style="display:none">
            </span>
            <span id="register" class="button" onMouseOver="headbutton(1);" onMouseOut="headbutton(2);"><b class="hr-text">注册</b></span>
            <span id="login" class="button" onMouseOver="headbutton(3);" onMouseOut="headbutton(4);"><b class="hr-text">登录</b></span>
        </div>
    </div>
    <div id="order_div">
			<form>
			<div id="order_head">
				<label id="orderNo">订单号：</label></label><input type="text" id="orderNo_input" name="orders.orderNo" value="1231546" readonly="true"/>
				<label id="beginPark">借车点：</label><span id="beginPark_input">4656456</span>
				<label id="beginTime">下单时间：</label><span id="beginTime_input">4564564</span>
			</div>
            <div id="order-show">
            	<div id="carImg"></div>>
                <span id="carId_span">汽车ID：</span>
            	<span id="carId_input">456456465</span>
				<span id="carName_span">汽车名称：</span>
				<span id="carName">456456465</span>
				<span id="carType_span">汽车类型：</span>
				<span id="carType">456456465</span>
				<span id="power_span">使用电量：</span>
				<span id="power">456456465</span>
                <span id="userId_span">用户名：</span>
                <input type="text" id="userId" name="orders.userId" value="465" readonly="true"/>
                <span id="userName_span">用户姓名：</span>
				<span id="userName">曾子隽</span>
                <span id="endPark">还车点：</span>
				<span id="endParkId">456456456</span>
                <span id="orderStatus_span">订单金额：</span>
				<input type="text" id="orderStatus" name="orders.money" value="4564" readonly="true"/>
            </div>
				<input type="submit" value="支付" id="orderSubmit"/>
			</form>
	</div>
</body>

<script src="lucar-script/head-script.js"></script>
<script type="text/javascript">
window.onload = function(){
	function box(){
		var oBox = document.getElementById("order_div");
		var L1 = oBox.offsetWidth;
		var Left = (document.documentElement.clientWidth-L1)/2;
		oBox.style.left = Left+'px';
	}
	box();
	window.onresize = function(){
        box();
    }
}
</script>

</html>
